﻿body{ background:#e4e7e9; }

/* 头部 */
.n-head{position: absolute;top:0;left:0;right:0; height:70px; background:#293c55; color:#fff; width:100%;min-width:1024px;}
/* .n-logo{ float:left;} */
.n-logo span{display:inline-block;height:80px; line-height:70px;}
.n-logo .n-lgpic{float:left;}
.n-logo .n-lgpic{background: url("../images/menu-bg.png") no-repeat 0 6px;width: 460px;}
.n-logo .n-lgpic img{ margin: 6px 8px 14px 10px;}
.n-logo .n-lgnm{ font-family:"微软雅黑"; font-size:22px;float:left;}
/* .n-nav{ float:left;} */
.n-nav ul {height:70px;  overflow:hidden;}
.n-nav ul li {float:left;}
.n-nav ul li a {display:block; width:100%; float:left;text-align:center;text-decoration:none;height:70px; margin-right:1px;}
.n-nav ul li a img{ margin:5px auto 2px;}
.n-nav ul li a .n-ftst{color:#fff;font-size:14px; line-height:24px;}
.n-nav ul li a:hover,.n-nav ul li a.on{ background:#162436;}
.n-nav ul li.current{ background:#162436;}
/*.n-nav ul li a.on{ font-weight:bold;}*/
.n-tprt{  position:absolute; top:0; float: right;right:10px; }
.n-tprt .n-usnm, .n-tprt .n-lgout, .setting, .n-tprt .menu-list {
    display: block;
    height: 18px;
    line-height: 15px;
    font-size: 12px;
 	/* width: 75px; */
    color: #fff;
    overflow: hidden;
    /* padding: 5px 0; */
    box-sizing: border-box;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.n-tprt a{ float:left;text-decoration:none;color:#fff;display:block;text-align: center;width:64px;height: 70px;}
.n-tprt a:hover{background-color: #162436;}
.n-tprt a img {margin: 12px auto 4px;  }
.n-ftst{margin-top: 0px;}
.trag{position: absolute;top:-5px;right: 40%;width:0;height: 0;border-left:5px solid transparent ;border-right:5px solid transparent ;border-bottom:5px solid #e3eaf2;  }
.surface{position: absolute; width: 90px;box-sizing:border-box;padding: 10px;right: 5px;top:80px; z-index: 999;background-color: #e3eaf2;box-shadow: 1px 2px 3px #ccc;}
#surface a{
    color: #333;
    text-align: center;
    float: left;
   
}
#surface a:hover{
    color: #0779f9;
    cursor: pointer;
} 
#surface a img{padding-bottom:3px;}
.drop-down-menu{
    position: absolute;
    top:70px;
    right:110px;
    z-index: 99999;
    background-color: #1670b7;
    padding:5px;
    border-radius: 3px;
    box-shadow: 1px 2px 3px #666;
}
.drop-down-menu ul li{
    line-height:20px;
    padding: 3px 5px;
    border-radius: 3px;
    margin: 0 auto;
    background-color: #076bba;
    margin-bottom: 5px;
}
.drop-down-menu ul li:hover{
    background-color: #164971;
}
.drop-down-menu ul li:last-child{
    margin-bottom: 0;
}
.drop-down-menu ul li a{
    display: block;
    color: #fff;
}
.drop-down-menu .trg{
    position: absolute;
    top:-10px;
    left: 40%;
    width:0;
    height: 0;
    border-left:5px solid transparent ;
    border-right:5px solid transparent ;
    border-bottom:10px solid #1670b7 ;
}
.drop-down-menu img{
	width: 20px;
    float: left;
    margin-right: 5px;
}
.drop-down-menu .n-ftst{
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 70px;
}
/*皮肤弹框 开始*/
.sink-bomb-box{
	width: 450px;
    min-height:30px;
    padding: 30px 20px 100px 20px;
	box-sizing:border-box;
    background-color: #fff;
}
.bomb-list{
	margin:0 auto;
	width:100%;
}
.bomb-list li{
	width: 32%;
    float: left;
    text-align: center;
    padding: 15px;
    box-sizing: border-box;
    margin-right: 5px;
	background-color:#f3f3f3;
	border:1px solid #EEE;
}
.bomb-list li:hover,.bomb-list li.active{
	background-color: #EAEAE0;
	border: 1px solid #ddd;
	cursor:pointer;
}
/*皮肤弹框 结束*/
/* 二级菜单 */
.menu-next{position:absolute;box-shadow: 1px 1px 4px #c6d0d6;width:100%;top: 70px;left: 0;z-index: 22;height:32px;background-color: #fff;}
.menu-next ul{position:absolute;left:15%;height: 32px;overflow-y: hidden;right:70px;}
.menu-next ul li{color:#333;float:left;margin-left:20px;line-height: 32px;}
.menu-next ul li a{display: block;height: 32px;}
.menu-next ul li a:hover, .menu-next ul li a:focus,.menu-next ul li a:active,.menu-next ul li a.active{color: #12689e;}
/* 底部 */
.n-foot{ height:32px; line-height:32px; position:absolute; bottom:0px; width:100%; font-size:14px; background:#293c55; text-align:center; color:#fff;}

@media screen and (max-width:1024px) {
body{ 
	font-size:12px !important;
}
body .n-head {
	width: 100%;
	height: 60px;
}
.n-logo .n-lgpic img{
	display:block;
	width:50px;
	margin: 5px 8px 14px 10px;
	float: left;
}
.n-logo span{ 
	height:60px;
	line-height: 60px;
}
.n-logo .n-lgpic{
	width:auto;
}
.n-nav ul li{ 
	height:60px;
}
.n-head .n-nav ul li a .n-ftst{ 
	font-size:12px;
	line-height:18px;
}
.n-head .n-nav ul li a img{
	 width: 30px;
}
.n-nav ul li a:hover{ 
	height:60px;
}
.n-head  .n-tprt,.n-tprt a{ 
	height:60px;
}
.n-tprt a{ 
	width:60px;
}
.n-tprt a img{
	width:20px;
}
.n-tprt .n-usnm, .n-tprt .n-lgout, .setting, .n-tprt .menu-list{ 
	padding:0; 
	width:60px;
}
.menu-next{
	top:60px;
}
}
/*
@media screen and (max-width:1366px) {
    body .n-head {
        width: 100%;
        height:70px;
    }
    .n-head .n-nav ul {
        height:70px;
        overflow: hidden;
    }
    .n-head .n-nav ul li a .n-ftst{
        font-size: 14px;
    }
    .n-head .n-nav ul li a {
        width: 56px;
        text-align: center;
        text-decoration: none;
        height: 70px;
        margin-right: 1px;
        padding: 0 15px;
    }
    .n-head .n-logo{margin-right:10px;}
}*/
/*@media screen and (max-width:1024px){
    .n-head .n-tprt{display: none;}
}*/

/*iframe*/
.content
{
    position: absolute;
    left: 0px;
    right:10px;
}
/*iframe*/

/*深色皮肤切换*/
.topBar{
	position: absolute;
    width: 100%;
    top: 0;
    min-width: 1024px;
    height: 32px;
    background-color:#293c55;
    border-bottom: 1px solid #112d44;
}
.top_box{
	position:relative;
	padding:0 15px;
}
.top_box .left-bar, .top_box .right-bar {
    height: 32px;
    line-height: 32px;
    color: #CED6DC;
}
.top_box .address{
	margin-right:10px;
}
.topBar-iconList{
	display:inline-block;
	margin-right:5px;
	background:url(../images/topBar-icon-list-pic.png) no-repeat;
	width:16px;
	height:32px;
	float:left;
}
.right-bar ul li.name{
	max-width: 110px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.top_box .time .time-icon{
	background-position:0 7px;
}
.right-bar ul li{
	float:left;
	margin-left:15px;
}
.right-bar ul li:hover{
	cursor:pointer;
	color:#fff;
}
.desk_system{
	background-position: -24px 9px;
}
.change_surface{
	background-position: -45px 9px;
}
.admin-name{
	background-position: -68px 7px;
}
.exit{
	background-position: -91px 7px;
}

/*桌面系统弹框*/
.bomb-content {
	top:0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 99999;
}
.bomb-content .mask {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.7;
}
.icon-main{
	position:relative;
	top:180px;
	left:30%;
	width:880px;
	height:500px;
	background:url(../images/bomb-bg.png) repeat-x;
	background-color:#36aca2;
	border-radius:10px;
	padding:20px 15px 15px 15px;
}
.icon-main .close {
    position: absolute;
    right: 5px;
    top: 0;
    opacity: .5;
    width: 20px;
    height: 20px;
    font-size: 28px;
    line-height: 26px;
    color: #fff;
	font-weight:normal;
	cursor: pointer;
}
.icon-main .close:hover{
	opacity:1;
}
.icon-main .title{
	font-size: 16px;
    width: 300px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    margin: 0 auto;
    color: #fff;
    background-color: #02aed9;
    border-radius: 36px;
	box-shadow: 1px 1px 3px rgba(0,0,0,.2);
}
.icon-main .main{
	width:100%;
}
.icon-main .main ul{
	display: block;
	padding:0;
	margin-top: 30px;
}
.icon-main .main ul li{
	list-style:none;
	width:24%;
	text-align:center;
	padding:20px 0;
	display: inline-block;
}
.icon-main .main ul li span{
	display:block;
	color:#fff;
	height: 60px;
	line-height:30px;
}
.icon-main .main ul li:hover{
	background:#045882;
	background-color:rgba(4,88,130,.3);
	border-radius:10px;
	transition:all 0.3s;
    cursor: pointer;
}